【CSS】min-width - 横幅（最小値）

CSSのmin-widthプロパティについて解説します。

検証環境

CSS

macOS

14.1

min-width

min-widthは“横幅の最小値”のプロパティです。

標準ではコンテンツボックスの最小横幅になります。

※ box-sizingプロパティを設定した場合、最小横幅の対象はその値に従います。

基本構文

min-width: 値;

サンプル

sample.html

<style>
img {
    width: 0;
    ___ih_hl_start
    min-width: 200px;
    ___ih_hl_end
}
</style>
 
<img src="https://it-hack.net/storage/app/media/document/development/programming/css/properties/min-width/hacker-commandline.jpeg">

プレビュー